<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>买买买，京东618让你体验不一样的端午</title>
		<style type="text/css">
			body{margin: 0px;}
			.head{width:80%;height:600px;margin-left:450px;margin-top:50px;}
			.biaoti{width:50%;height:30px;margin-left:50px;background-color:#E4E4E4;text-align:center;}
			.qian{width:270px;height:80px;background-color:#FF9900;margin-top:0px;
			      border-bottom-left-radius:10em;border-top-left-radius:10em;text-align:center;
			      box-shadow:10px 10px 5px #888888;}
			.xinxi{float:left;margin-left:25px;margin-top:15px;}
			.xinxi0{width:18%;height:40px;background-color:#E4E4E4;margin-left:50px;margin-top:10px;}
			.xinxi1{float:left;margin-left:43px;margin-top:15px;}
			div input{border-radius:2em;}
			.juzhong{margin-top:30px;float:left;margin-left:40px;}
			.juzhong1{margin-top:30px;float:left;margin-left:40px;}
			.jin1{width:18%;height:30px;background-color:#E4E4E4;margin-left:50px;margin-top:0px;}
			.jin2{float:left;margin-left:5px;margin-top:6px;}
			.jin3{float:left;margin-left:28px;margin-top:6px;color:red;}
			.jin4{float:left;margin-left:17px;margin-top:6px;color:red;}
			.mai{width:18%;height:30px;background-color:#E4E4E4;margin-left:50px;margin-top:0px;}
			.mai1{text-align:center;color:red;background-color:#E4E4E4;}
			.mai2{text-align:center;background-color:#E4E4E4;}
			.mai3{margin-top:0px;background-color:#E4E4E4;}
			.tu1{margin-left:50px;margin-top:0px;}
			.tu1 b{margin-left:25px;}
			.end{width:18%;height:90px;background-color:#E4E4E4;margin-left:50px;margin-top:0px;}
			.end0{float:left;margin-left:50px;margin-top:15px;}
			.end1{width:18%;height:30px;background-color:#E4E4E4;margin-left:50px;}
			.end2{float:left;margin-left:50px;margin-top:14px;}
			.pingguo{float:left;margin-top:-350px;margin-left:95px;}
			.shouji img{width:380px;height:350px;}
		</style>
		<body>
		    <div class="head">
			<div class="biaoti">
				<div id="biaoti1"><font>苹果iPhone&nbsp;您的体验是我们最大的努力方向</font></div>
			</div>
            <div class="qian">
            	<div class="juzhong"><b>&yen;3000.00</b></div>
                <div class="juzhong1"><input type="button" value="购买"/></div>
            </div>
            <div class="xinxi0">
			    <div class="xinxi"><font>原价</font></div>
			    <div class="xinxi1"><font>折扣</font></div>
			    <div class="xinxi1"><font>节省</font></div></div>
			    <div class="jin1">
			    <div class="jin2"><font>&yen;5200.00</font></div>
			    <div class="jin3"><font>5.77</font></div>
			    <div class="jin4"><font>&yen;2200.00</font></div>
			</div><br/>
			<div class="mai">
				<div class="mai1"><font>0人已购买</font></div>
				<div class="mai2"><font>本单仅剩：100份，欲购从速</font></div>
				<div class="mai3">
					<div class="tu1"><img src="img/notime.png"/><b>即将成功！<br>赶紧加入团购...</b></div>
				</div>
			</div><br/><br/><br/><br/>
			<div class="end">
					<div class="end0"><b>距离本次团购结束还有：</b></div>
				<div id="end1">
				    <div class="end2"><b>5天1小时1分3秒</b></div>
				</div>
			</div>
			<div class="pingguo">
				<div class="shouji"><img src="img/phone.png"/></div>
			</div>
			</div>
	</body>
</html>